<template>
	<view>
		<view class="list">
			<view class="listItem">
				<text class="text">当前版本</text>
				<text class="rightText">{{vers}}</text>
			</view>
		</view>
		<button style="margin: 0 auto;width: calc(100% - 40px);border-radius: 50px;background-color: #fff;border: none;"
			type="warn" plain="true" @click="logOut">退出登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

				vers: '1.2.2',
			}
		},
		onLoad() {
			// 检查小程序是否有新版本  在项目中需要获取小程序的版本号，但是版本号只能在正式环境中获取，开发版和体验版是不能获取到的
			// #ifdef MP-WEIXIN
			//微信小程序方法获取版本号
			const accountInfo = wx.getAccountInfoSync();
			this.vers = accountInfo.miniProgram.version; // 小程序 版本号
			// #endif


			// #ifdef APP-PLUS
			// APP 获取本地应用资源版本号
			plus.runtime.getProperty(plus.runtime.appid, (info) => {
				this.vers = info.version;
			})
			// #endif
		},
		methods: {
			logOut() {
				// 判断当前账号下是否有预制签名 如果有  提示是否清空预制签名
				if (uni.getStorageSync('Sign')) {
					uni.showModal({
						title: '温馨提示',
						content: '退出登录将清空您的预制签名，是否退出?',
						success: function(res) {
							if (res.confirm) {
								console.log('用户点击确定');
								uni.removeStorageSync('token')
								uni.removeStorageSync('userInfo')
								uni.removeStorageSync('pass')
								uni.removeStorageSync('agree')
								// #ifdef MP-WEIXIN
								// 移出签名
								uni.removeStorageSync('Sign')
								// #endif
								uni.reLaunch({
									url: '/pages/Login/Login'
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});

					return

				}

				uni.removeStorageSync('token')
				uni.removeStorageSync('userInfo')
				uni.removeStorageSync('pass')
				uni.removeStorageSync('agree')
				// #ifdef MP-WEIXIN
				uni.removeStorageSync('openId')
				// #endif
				uni.reLaunch({
					url: '/pages/Login/Login'
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.list {
		padding: 0 20px;
		padding-top: 20px;
		margin-bottom: 40px;

		.listItem {
			display: flex;
			align-items: center;
			background-color: #fff;
			padding: 12px 10px;
			border-radius: 10px;
			box-sizing: border-box;
			box-shadow: 0px 0px 3px #eee;
			margin-bottom: 8px;

			.text {
				flex: 1;
			}

			.rightText {
				color: #aaa;
			}
		}
	}
</style>